<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>谈天说地</title>
    <link rel="stylesheet" type="text/css" href="static/layui/css/layui.css">
    <link rel="stylesheet" type="text/css" href="static/all.css">
    <link rel="stylesheet" type="text/css" href="static/main.css">
    <script type="text/javascript" src="static/js/jquery-3.3.1.min.js"></script>
    <script type="text/javascript" src="static/layui/layui.js"></script>
    <script type="text/javascript" src="static/js/index.js"></script>
    <script type="text/javascript" src="static/js/main.js"></script>
</head>
<body>
<div class="main-div">
    <div class="header">
        <div class="header-content">
            <div class="logo">
                <img src="static/images/logo.png"/>
            </div>
            <div class="nav-items">
                <ul class="layui-nav" lay-filter="">
                    <li class="layui-nav-item"><a href="index.html">首页</a></li>
                    <li class="layui-nav-item"><a href="course.html">课程天地</a></li>
                    <!--<li class="layui-nav-item layui-this"><a href="blog.html">谈天说地</a></li>-->
                    <li class="layui-nav-item"><a href="note.html">随堂笔记</a></li>
                    <li class="layui-nav-item"><a href="exam.html">今日一测</a></li>
                    <li class="layui-nav-item"><a href="exam.html">项目库</a></li>
                    <li class="layui-nav-item"><a href="question.html">试题广场</a></li>
                    <!--<li class="layui-nav-item"><a href="exam.html">对话职场</a></li>-->
                </ul>
            </div>
            <div class="login-register">
                <a class="login layui-btn layui-btn-warm">登录</a>
            </div>
        </div>
    </div>
    <div class="content">
        <!-- banner图 -->
        <div class="layui-carousel banner" id="banner">
            <div carousel-item="" class="items">
                <div><img src="static/images/1.png"></div>
                <div><img src="static/images/2.png"></div>
                <div><img src="static/images/3.png"></div>
                <div><img src="static/images/4.png"></div>
            </div>
        </div>
        <div class="fly-panel fly-rank fly-rank-reply good-works">
            <h2 class="panel-title">最新课程</h2>
            <div class="row">
                <div class="layui-col-sm20 item">
                    <div class="grid-demo grid-demo-bg1">
                        <div class="work-item">
                            <div class="work-item-cover"><img
                                    src="http://cdn.tmooc.cn/bsfile//imgad///8D4204DFC45C40BCBF68150E442E1D18.png"/>
                            </div>
                            <div class="work-title"><span>【太空漫步】</span></div>
                            <div class="work-student"><span class="course">Java</span><span class="person-num"><i
                                    class="layui-icon layui-icon-user" style="font-size: 13px;"></i>1000人学习</span></div>
                        </div>
                    </div>
                </div>
                <div class="layui-col-sm20 item">
                    <div class="grid-demo">
                        <div class="work-item">
                            <div class="work-item-cover"><img src="static/images/cover1.png"/></div>
                            <div class="work-title"><span>太空漫步</span></div>
                            <div class="work-student"><span>非洲小白脸</span><span>1000人学习</span></div>
                        </div>
                    </div>
                </div>
                <div class="layui-col-sm20 item">
                    <div class="grid-demo grid-demo-bg1">
                        <div class="work-item">
                            <div class="work-item-cover"><img src="static/images/cover1.png"/></div>
                            <div class="work-title"><span>太空漫步</span></div>
                            <div class="work-student"><span>非洲小白脸</span><span>1000人学习</span></div>
                        </div>
                    </div>
                </div>
                <div class="layui-col-sm20 item">
                    <div class="grid-demo">
                        <div class="work-item">
                            <div class="work-item-cover"><img src="static/images/cover1.png"/></div>
                            <div class="work-title"><span>太空漫步</span></div>
                            <div class="work-student"><span>非洲小白脸</span><span>1000人学习</span></div>
                        </div>
                    </div>
                </div>
                <div class="layui-col-sm20 item">
                    <div class="grid-demo">
                        <div class="work-item">
                            <div class="work-item-cover"><img src="static/images/cover1.png"/></div>
                            <div class="work-title"><span>太空漫步</span></div>
                            <div class="work-student"><span>非洲小白脸</span></div>
                        </div>
                    </div>
                </div>
                <div class="layui-col-sm20 item">
                    <div class="grid-demo">
                        <div class="work-item">
                            <div class="work-item-cover"><img src="static/images/cover1.png"/></div>
                            <div class="work-title"><span>太空漫步</span></div>
                            <div class="work-student"><span>非洲小白脸</span></div>
                        </div>
                    </div>
                </div>
                <div class="layui-col-sm20 item">
                    <div class="grid-demo">
                        <div class="work-item">
                            <div class="work-item-cover"><img src="static/images/cover1.png"/></div>
                            <div class="work-title"><span>太空漫步</span></div>
                            <div class="work-student"><span>非洲小白脸</span></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="footer">
        <div class="warp">
            <div class="warp-left">
                <img src="static/images/qrcode.jpg"/>
            </div>
            <div class="warp-content">
                <p>联系我们 ：400-100-5383</p>
                <p>邮箱地址 ：shihua@ncaiet.com</p>
                <p>总部地址 ：上海·青浦区车站支二路12号2楼</p>
                <p>COPYRIGHT © 2019-2039 编程乐课堂 ALL RIGHTS RESERVED</p>
            </div>
        </div>
    </div>
</div>
</body>
</html>
